<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org" xmlns:shiro="http://www.pollix.at/thymeleaf/shiro"
      xmlns:shro="http://www.pollix.at/thymeleaf/shiro">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"/>
    <title>权限组名单</title>
    <link rel="icon" href="favicon.ico" type="images/ico">
    <meta name="author" content="yinqi">
    <link href="/css/bootstrap.min.css" rel="stylesheet">
    <link href="/css/materialdesignicons.min.css" rel="stylesheet">
    <link href="/css/animate.css" rel="stylesheet">
    <link href="/js/bootstrap-table/bootstrap-table.min.css" rel="stylesheet">
    <link href="/css/skin.css" rel="stylesheet">
    <link href="/css/style.min.css" rel="stylesheet">
    <!--对话框-->
    <link rel="stylesheet" href="/js/jconfirm/jquery-confirm.min.css">
    <!-- 组织树 -->
    <link rel="stylesheet" href="/css/zTreeStyle.css" type="text/css">
    <link rel="stylesheet" href="/css/permissionManager/addPermissionGroup.css" />
</head>

<body>
<div class="container-fluid p-t-15">
    <div class="row">
        <div class="col-lg-12">
            <div class="card" style="overflow: auto;">
                <div class="card-header">
                    <h1>权限组名单</h1>
                    <div class="card-actions">
                        <form class="form-horizontal" >
                            <div class="search">
                                <input type="text" id="searchInfo" placeholder="请输入权限组名称" autocomplete="off" onkeyup="this.value=this.value.replace(/^\s+|%|\s+$/g, '')">
                                <button onClick="permissionManagementListInit()" type="button"><i class="mdi mdi-magnify"></i><span>搜索</span></button>
                            </div>
                            <div class="modal fade" tabindex="-1" role="dialog" id="addUserAccountModal">
                                <div class="modal-dialog" role="document">
                                    <div class="modal-content">
                                        <div class="modal-body">
                                            <form class="form-horizontal">
                                                <input type="hidden" id="permissionGroupId" name="permissionGroupId">
                                                <div style="display: flex;flex-flow: row nowrap;">
                                                    <div class="management" style="display: flex;align-items: center;
                                                    margin: 0 70px 0 70px;border: 1px solid #ccc;padding: 20px 110px;width: 98%;">
                                                        <div style="width: 60px;margin-right: 10px;">用户账号</div>
                                                        <div>
                                                            <ul id="accountTree" class="ztree"></ul>
                                                        </div>
                                                    </div>
                                                </div>
                                            </form>
                                        </div>
                                        <div class="modal-footer" style="display: flex;justify-content: center;">&nbsp;&nbsp;&nbsp;
                                            <button style="margin-right: 20px;" type="button" class="btn btn-primary" onclick="saveAccountPermission()">保存</button>
                                            <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
                <div class="card-body m-t-10">
                    <!-- 权限组名单 -->
                    <table id="permissionManagementList"></table>
                </div>
            </div>
        </div>
    </div>
</div>


<script type="text/javascript" src="/js/jquery.min.js"></script>
<script type="text/javascript" src="/js/bootstrap.min.js"></script>
<script type="text/javascript" src="/js/perfect-scrollbar.min.js"></script>
<script type="text/javascript" src="/js/main.min.js"></script>
<script type="text/javascript" src="/js/bootstrap-table/bootstrap-table.min.js"></script>
<script type="text/javascript" src="/js/bootstrap-table/bootstrap-table-zh-CN.min.js"></script>
<!-- ztree -->
<script type="text/javascript" src="/js/crm/jquery.ztree.all.min.js"></script>
<!--对话框-->
<script src="/js/jconfirm/jquery-confirm.min.js"></script>
<!-- 子页面公用js -->
<script src="/js/crm/common/pageCommon.js"></script>
<!--自定义js-->
<script type="text/javascript" src="/js/crm/permissionManager/permissionList.js"></script>

</body>
</html>
